@charset "utf-8";
/* CSS Document */
/* 

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	Use: Layout Styles
	Created by: xiaozhao
	Project: shopping
	Page(s): all

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

*/
h1{ text-indent:-9999px; width:211px; height:102px; background:url(../images/logo.gif); margin-left:50px; margin-bottom:10px; }
.clear{ clear:both}
.header{ position:relative;}
	.header li{ float:left;}
	.header .nav{ position:absolute; top:10px; right:50px;}
	.header .nav a{ padding: 0 10px;}
	.nav .red a{ color:#c90000; font-weight:bold;}
.banner{ height:337px; background:url(../images/bg_banner.gif) 0 0 repeat-x;position:relative; clear:both;}	
	.banner .mainnav{ height:45px; line-height:45px; background:url(../images/bg_nav.gif) 100% 0 no-repeat;}
	.banner .mainnav li{ width:115px; text-align:center; font-weight:bold;}
	.banner .mainnav .last_nav{ background:url(../images/bg_nav.gif) 100% 0 no-repeat;}
	.banner .mainnav a,.banner .mainnav a:link,.banner .mainnav a:visited{ color:#fff; background:url(../images/bg_nav.gif) 0 0 no-repeat; display:block}
	.banner .mainnav .current,.banner .mainnav a:hover,.banner .mainnav a:active{background:url(../images/nav_hover.gif) 0 0 no-repeat; text-decoration:none;}
	.banner .search{ position:absolute; top:13px; right:40px;}
.num{ position:absolute; bottom:10px; right:50px;}	
	.num li{ width:17px; height:17px; margin-left:12px; display:inline; color:#c90000; background-color:#fff; text-align:center; font-weight:bold; cursor:pointer;}
	.num .current{ color:#fff; background-color:#c90000;}
.bread_crumb{ line-height:30px; height:30px; text-indent:2em; color:#48436C; margin-bottom:-20px;}	
	.bread_crumb strong{ display:inline; font-weight:bold}
.subnav h3{ background:url(../images/bg_h3.gif); height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#48436c; padding-left:30px;}	
.subnav ul{ padding-top:10px;}
.subnav ul a{ display:block; padding-left:45px; background:url(../images/icon_list.png) 26px 100% no-repeat;color:#48436c;}
.subnav ul a:hover{background:url(../images/icon_list.png) 26px 0 no-repeat; color:#FF3F13}
.subnav ul li{ height:35px; line-height:35px; background:url(../images/bg_list.png) 0 100% no-repeat;}
caption,h2{ font-size:14px; background:url(../images/icon_h3.gif) 0 50% no-repeat; height:40px; line-height:40px; padding-left:15px; color:#48436C; border-bottom:1px solid #ddd; margin-bottom:10px;}
caption{ font-weight:bold; margin-left:-20px;}
.main li{ width:230px; float:left; text-align:center; position:relative; line-height:1.5;}
.photo a{ display:table-cell; text-align:center; vertical-align:middle; width:150px; height:150px; line-height:normal!important; font-size:130px;*display:block;}
.photo a img{ vertical-align:middle;}
	.main li h3{ position:absolute; bottom:40px; left:0px; width:210px;}
h3 strong,h2 strong{ color:#ff3f13;}	
.photo{border:1px solid #ddd; height:150px;margin:0 auto 30px;padding:5px; width:150px;}
.goods_box{ margin-top:20px; clear:both;}
.buy a{ color:#012198; font-weight:bold}
.footer { height:30px; line-height:30px;}
	.footer a{ padding:0 10px;}
/*information*/	
.infor{ float:left; margin:0 20px 0; display:inline;}
.btn{width:92px; height:31px; background:url(../images/btn_buy.gif); float:left; display:inline; margin:15px 10px 0 0;}	
	.btn span{ visibility:hidden;}
	.btn:hover{ text-decoration:none;}
.btn_buy{ background-position: 0 0;}
.btn_cle{ background-position:0 100%;}
.infor_table th{ text-align:right; font-weight:normal; line-height:2}
.infor_table strong{ color:#ff3f13;}
.detail_tab{ padding-top:20px;}
	.detail_tab{ border-bottom:3px solid #ddd; height:30px;}
	.detail_tab li{ float:left; width:115px; height:30px; line-height:30px; background:url(../images/btn_detail.gif) 0 100%; margin-right:10px; font-weight:bold;}
	.detail_tab li a{ display:block; color:#48436c;}
	.detail_tab li a:hover{ background:url(../images/btn_detail.gif) 0 0; color:#fff;}
.detail table{ margin-top:20px;}	
	.detail th,.detail td{ width:80px;}
	.detail th{ text-align:right; font-weight:normal;}
	.detail h5{ text-indent:-9999px; background:url(../images/bg_h5.gif) 0 0; width:135px; height:28px; margin-top:20px;}
.pic_detail{ padding:10px 0 10px 30px; text-align:center;}	
	.pic_detail img{ border:1px solid #ddd;}
	#detail{ background-position:left top;}
	#buy{ background-position:left -56px;}
	#chat{ background-position:left -28px;}
.bank{ padding:10px 0 0 50px;}	
.three_step img,.bank img{ border:1px solid #ddd; margin-left:5px; margin-top:5px;}	
p strong{ color:#c90000; display:block; height:30px; line-height:30px;}
h6{padding-left:10px;}
.chat{ padding-left:30px; line-height:2}
/*flew*/
.flow-steps {margin:20px 0;overflow:hidden;}
.flow-steps li.current {background-color:#485f9c;color:#FFFFFF;}
.flow-steps .num5 li {width:175px;}
.flow-steps li {background:#E4E4E4 url(../images/flow_steps_bg.png) no-repeat scroll 100% 0;color:#404040;float:left;font-size:14px;font-weight:bold;height:23px;
line-height:23px;overflow:hidden;padding:0 15px 0 0;text-align:center;}
.flow-steps li.current .first {background-color:#485f9c;background-position:-12px -92px;}
.flow-steps li .first {background:#E4E4E4 url(../images/flow_steps_bg.png) no-repeat scroll -12px -69px;}
.flow-steps li span, .flow-steps li strong {display:block;}
.flow-steps li.last {background-position:100% -138px;}
.flow-steps li span, .flow-steps li strong {display:block;}
.flow-steps li.current-prev {background-position:100% -23px !important;}
.three_step label{ padding-left:5px;}
.three_step ul{ width:700px;}
.three_step li{ float:left; width:150px;}
.three_step h4{ height:30px; line-height:30px; color:#883300;}
.three_step .btn_pay input{ height:35px; line-height:25px; width:150px; background:url(../images/bg_btn_pay.gif) 0 0 repeat-x; border:1px solid;border-color:#F8C032 #E49222 #E49222 #F8C032; color:#883300; font-weight:bold; margin:20px 0 0 30px;}
.bank{ width:750px;}
#cart {margin-top:55px;padding:0 0 20px;}
.cart-table thead th {
border-bottom:3px solid #A7CBFF;
color:#404040;
padding:3px 0;
text-align:center;
}
caption, th {
text-align:left;}

.cart-table thead th.s-chk input {
margin:0 3px -2px 0;}
.cart-table tbody tr {
background:#F1F8FF none repeat scroll 0 0;}
.cart-table tbody td.s-chk {
border-left:0 none;
}
.cart-table tbody td {
border-bottom:1px solid #D1EBFF;
border-left:1px solid white;
padding:5px 0;
text-align:center;}
.cart-table tbody td.s-title {
padding-left:70px;
padding-right:6px;
text-align:left;
width:300px;}
.cart-table tbody td.s-title img {
border:1px solid #E9E9E9;
float:left;
height:50px;
margin-left:-60px;
width:50px;}
.cart-table tbody td.s-point em {
font-weight:bold;}
.cart-table tbody td.s-amount .text {
color:#666666;
display:inline-block;
padding:1px 3px;
text-align:right;
width:22px;
}
input.text {
height:16px;}
.cart-table tbody td.s-total em {
color:#FF6600;
font-style:normal;
font-weight:bold;}
.btn_buy,.btn_back{ float:right; width:92px; height:30px; border:none; background:url(../images/btn_buy.gif) 0 0; margin-top:15px;}
.btn_back{ background:url(../images/button.gif) 0 100%; margin-left:10px; display:inline;}
.btn_buy span,.btn_back span{ visibility:hidden}
.btn_buy:hover,.btn_back:hover{ text-decoration:none;}
/*information*/
#address li.selected {
background-color:#FDF2C9;
border:1px solid #FBEBAD;
}
#address li{ line-height:2}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;}
.form {
padding:15px;}
fieldset{
border:medium none;}
.form label {
color:#404040;
float:left;
line-height:1.2;
padding-left:0;
padding-right:8px;
padding-top:4px;
text-align:right;
width:80px;}
.form li {
clear:left;}
.form li li {
clear:none;
float:left;
margin:2px 10px 0 0;
white-space:nowrap;
}
.form li span {
color:#808080;
display:block;
overflow:hidden;
float:left;
margin-bottom:5px;}
.form li span em {
color:red;
font-family:'simsun';
font-style:normal;
line-height:24px;
margin:0 0 0 -8px;
position:absolute;}

#address .go {
margin-left:95px; clear:left;}

.long-btn{ width:80px;}

/*myshopping*/
.table-data{ width:650px; margin:0 auto;}
	.table-data th{ background-color:#d6ebff; color:#48436C; font-weight:bold;}
	.table-data,.table-data th,.table-data td{ border:1px solid #ddd; border-collapse:collapse; padding:5px; text-align:center;}
#change label,#myinfor label{ float:left; width:110px; text-align:right}
#change p,#myinfor p{ margin-bottom:10px;}
.btn_infor{ padding-left:80px;}
	.btn_infor input{ float:left; margin-left:10px; padding:3px 10px;}
/*behind*/
#behind{ position:relative;}
#behind h1{ width:100%; height:150px; margin:0; background:#91bffd url(../images/back/logo_head.png) 0 0 no-repeat;}
.quit{ display:block; height:20px; line-height:20px; position:absolute; top:120px; right:150px; color:#fff; font-weight:bold; font-size:14px;}
.header_b a:link,.header_b a:visited{ background:url(../images/back/icon_exit.gif) 10px 0 no-repeat; padding-left:35px; padding-top:5px; color:#fff;}
.nav_b h3{ background:url(../images/back/bg_level1.png) -15px 0 no-repeat; height:30px; line-height:30px; color:#fff; padding-left:25px;}
.nav_b ul ul{ padding:5px 10px;}
.nav_b ul ul a{ padding:0 10px;}
.content_b .table-data{ width:100%; margin-top:20px;}
.content_b fieldset{ border:1px solid #ddd; padding:0 20px 20px 20px;}
.content_b fieldset legend{ padding:3px 30px;border:1px solid #ddd; margin-left:10px; font-weight:bold;}
.content_b fieldset label{ padding-left:20px;} 
.content_b fieldset div{ padding-top:20px;}
.content_b fieldset .btn_search{ margin-left:20px; width:80px;}
	

	